<template>
  <div class="all">
      <router-view></router-view>
  </div>
</template>

<script>
export default {
  data () {
    return {

    }
  }

}
</script>

<style scoped lang="less">
// .all {
//   margin-top: 20px;
//   width: 80%;
//   margin: 0 auto;
// }

.select {
  .el-form {
    display: flex;
    justify-content: space-between;

    .el-form-item:nth-child(1) {
      /deep/.el-form-item__content {
        margin-left: 75px;
      }
    }

    .el-form-item:nth-child(2) {
      /deep/.el-form-item__content {
        margin-left: 100px;
      }
    }

    .el-form-item:nth-child(3) {
      /deep/.el-form-item__content {
        margin-left: 82px;
      }
    }

    .el-form-item:nth-child(4) {
      /deep/.el-form-item__content {
        margin-left: 60px;
      }
    }

    .el-input {
      width: 150px;
    }

    /deep/.el-input input {
      width: 150px;
    }
  }
}

::v-deep.el-pagination {
  text-align: center;
}
</style>
